<template>
  <div class="w-full h-[91px] flex flex-row items-center justify-between s2k:h-[121.3px] s4k:h-[182px] border-b border-solid border-[var(--grid)]">
    <div class="ml-[24px] s2k:ml-[32px] s4k:ml-[48px] flex flex-col">
      <span class="text-[2rem] text-[var(--theme-font-color)] font-[600] font-Inter">VA Setup</span>
    </div>
    <div class="w-[148px] h-[41px] flex flex-row items-center justify-center bg-[var(--theme-button-bg)] cursor-pointer rounded-md s4k:rounded-[16px] mr-[24px] s2k:mr-[32px] s4k:mr-[48px]
    s2k:w-[197px] s2k:h-[54.6px] s4k:w-[296px] s4k:h-[82px]">
      <svg-icon name="cameraSet" class="svgLogo s2ksvg s4ksvg ml-[3px] s4k:ml-[6px]" width="14px" height="14px"></svg-icon>
      <span class="text-[1.167rem] text-[var(--theme-font-color)] font-Medium font-[400] ml-[10px] mr-[4px] s4k:ml-[20px] s4k:mr-[12px]">Manage VAs</span>
    </div>
  </div>
</template>
<script setup>
import { onMounted ,reactive,ref} from "vue";
</script>



<style>

</style>